/* 整个滚动条 */
::-webkit-scrollbar {
  /* 对应纵向滚动条的宽度 */
  width: 10px;
  /* 对应横向滚动条的宽度 */
  height: 10px;
  display: none;
}

/* 滚动条上的滚动滑块 */
::-webkit-scrollbar-thumb {
  background-color: rgba(0, 0, 0, 0.2);
  border-radius: 32px;
}

/* 滚动条轨道 */
::-webkit-scrollbar-track {
  background-color: #dbeffd;
  border-radius: 32px;
}

.wordHidden {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.widthMax {
  width: 100vw;
}

div {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}


.flex {
  display: flex;
}

.flex-center {
  display: flex;
  justify-content: center;
}

.flex-between {
  display: flex;
  justify-content: space-between;
}

.flex-around {
  display: flex;
  justify-content: space-around;
}

.flex-align-center {
  display: flex;
  align-items: center;
}

.cp {
  cursor: pointer;
}

.marginl-10 {
  margin-left: 10px;
}

.marginr-10 {
  margin-right: 10px;
}

.marginb-10 {
  margin-bottom: 10px;
}

.margint-10 {
  margin-top: 10px;
}

.h-max {
  height: 600px;
}

.h-middle {
  height: 400px;
}

.h-min {
  height: 300px;
}

.h-min {
  height: 300px;
}

.h-240 {
  height: 240px;
}

.h-10 {
  height: 50px !important;
}

.h-50 {
  height: 50px !important;
}

.h-100 {
  height: 100px !important;
}

.h-200 {
  height: 200px !important;
}

.paddingl-(@size) {
  padding-left: @size;
}

.padding-5 {
  padding: 5px;
  box-sizing: border-box;
}

.paddingl-10 {
  padding-left: 10px;
  box-sizing: border-box;
}


.chart_box {
  height: 320px;
  margin-bottom: 10px;
}

.chart_title {
  font-size: 14px;
  font-weight: bold;
  padding-top: 20px;
  padding-left: 55px;
}

.chart_chart {
  height: 290px;
  padding-left: 10px;
  padding-top: 5px;
  box-sizing: border-box;
}